<template>
	<view class="maintenanceProject">
		<view :style="tabberStyle1" class="maintenanceProject-search ff-bg-blue ff-padding-top-12">
			<view class="ff-padding-left-15 ff-padding-right-15 ff-margin-bottom-12">
				<u-search v-model="params.keyword" input-align="center" @change="projectNameChange" bg-color="#FFFFFF"
					:height="80" :show-action="false" :clearabled="true" placeholder="请输入要搜索的项目名称"></u-search>
			</view>
			<view class="ff-bg-fff ff-flex ff-flex-between ff-relative">
				<view class="report-top-select ff-padding-5">
					<uni-data-select v-model="params.projectStatus" placeholder="项目状态" :localdata="projectStatusList"
						@change="changeProjectStatus"></uni-data-select>
				</view>
				<view class="report-top-select ff-padding-5">
					<uni-data-select v-model="params.maintenanceStatus" placeholder="维保状态"
						:localdata="maintenanceStatusList" @change="changeMaintenanceStatus"></uni-data-select>
				</view>
				<view class="report-top-select ff-padding-5">
					<uni-data-select v-model="params.sortField" placeholder="更新时间" :localdata="otherTypeList"
						@change="changeOtherType"></uni-data-select>
				</view>
			</view>
		</view>
		<!-- 列表数据 -->
		<view v-if="allMechanismList">
			<view v-if="allMechanismList.length > 0" class="maintenanceHome-content content-top ff-margin-12">
				<view class="maintenanceHome-content-box ff-margin-bottom-12 ff-bg-fff ff-border-radius-10"
					v-for="(item, index) of allMechanismList" :key="index">
					<view class="ff-border-bottom ff-padding-15 ff-border-radius-10" @click.stop="mechanismClick(item)">
						<view class="ff-font-16 ff-color-333 ff-font-weight-600 ff-ellipsis-1 ff-line-height-1-2">
							{{ item.projectName }}
						</view>
						<view v-if="item.rescissionStatus == 1 && item.rescissionPromoterStatus == 2"
							class="rescindTips ff-padding-7 ff-border-radius-5 ff-color-fff ff-font-12 ff-line-height-1-5 ff-margin-top-9 ff-margin-bottom-5">
							请注意，社会单位已对本项目发起解约申请，点击进入项目详情查看与处理。如有异议，请尽快与单位联系。
						</view>
						<view class="ff-align-items-one ff-flex-wrap">
							<view class="ff-margin-right-10">
								<view v-if="item.projectStatus == 0" class="tips1 ff-font-12">项目状态&nbsp;|&nbsp;已发布
								</view>
								<view v-if="item.projectStatus == 1" class="tips1 ff-font-12">项目状态&nbsp;|&nbsp;已响应
								</view>
								<view v-if="item.projectStatus == 2" class="tips1 ff-font-12">项目状态&nbsp;|&nbsp;已确认
								</view>
								<view v-if="item.projectStatus == 3" class="tips1 ff-font-12">项目状态&nbsp;|&nbsp;进行中
								</view>
								<view v-if="item.projectStatus == 4" class="tips1 ff-font-12">项目状态&nbsp;|&nbsp;已结束
								</view>
								<view v-if="item.projectStatus == 5" class="tips1 ff-font-12">项目状态&nbsp;|&nbsp;待批准
								</view>
								<view v-if="item.projectStatus == 6" class="tips5 ff-font-12">项目状态&nbsp;|&nbsp;已解约
								</view>
								<view v-if="item.projectStatus == 9" class="tips5 ff-font-12">项目状态&nbsp;|&nbsp;已作废
								</view>
							</view>
							<view class="ff-margin-right-10" v-if="item.projectStatus == 3">
								<view v-if="item.status == 0" class="tips2 ff-font-12">维保状态&nbsp;|&nbsp;待维保</view>
								<view v-if="item.status == 1" class="tips2 ff-font-12">维保状态&nbsp;|&nbsp;维保中</view>
								<view v-if="item.status == 2" class="tips2 ff-font-12">维保状态&nbsp;|&nbsp;待审核</view>
								<view v-if="item.status == 3" class="tips2 ff-font-12">维保状态&nbsp;|&nbsp;待签发</view>
								<view v-if="item.status == 5" class="tips2 ff-font-12">维保状态&nbsp;|&nbsp;已完成</view>
								<view v-if="item.status == 6" class="tips2 ff-font-12">维保状态&nbsp;|&nbsp;已驳回</view>
								<view v-if="item.status == 7" class="tips2 ff-font-12">维保状态&nbsp;|&nbsp;待指派</view>
								<view v-if="item.status == 8" class="tips2 ff-font-12">维保状态&nbsp;|&nbsp;待提交</view>
								<view v-if="item.status == 9" class="tips5 ff-font-12">维保状态&nbsp;|&nbsp;已作废</view>
							</view>
							<view class="ff-flex-wrap">
								<view class="tips3 ff-font-12 ff-margin-right-10" v-if="item.doneNumber > 0">
									已完成{{ item.doneNumber }}次执业</view>
								<view
									v-if="(item.rescissionStatus == 0|| item.rescissionStatus == 1) && item.status == 7"
									class="ff-align-items">
									<view v-if="roleStatus == 2">
										<view class="tips3 ff-font-12 ff-margin-right-10"
											v-if="item.doneNumber + item.cancelNumber + 1 > 0">
											正在进行第{{ item.doneNumber + item.cancelNumber + 1 }}次指派</view>
									</view>
								</view>
								<view v-if="item.status == 0||item.status == 1||item.status == 2||item.status == 3"
									class="ff-align-items">
									<view class="tips3 ff-font-12 ff-margin-right-10"
										v-if="item.doneNumber + item.cancelNumber + 1 > 0">
										正在进行第{{ item.doneNumber + item.cancelNumber + 1 }}次执业
									</view>
								</view>
							</view>
							<view v-if="item.rescissionStatus == 1"
								class="tips4 ff-color-fff ff-font-12 ff-margin-right-10">
								解约确认中</view>
							<view class="tips5 ff-font-12" v-if="roleStatus == 2 && item.needWorkHoursFmt">
								所需工时：{{ item.needWorkHoursFmt }}</view>
						</view>
						<view class="ff-margin--7" v-if="!item.modified"></view>
						<view class="ff-font-13 maintenanceHome-content-box-time" v-if="item.modified">
							更新于：{{ item.modified == null ? '/' : item.modified.substr(0, item.modified.length - 3) }}
						</view>
					</view>
					<view class="maintenanceHome-content-box-butList ff-padding-right-15 ff-justify-end">
						<view class="ff-padding-top-15 ff-padding-bottom-15"
							v-if="item.projectStatus !== 4 && item.projectStatus !== 6 && item.projectStatus !== 9 && roleStatus == 2 && item.status == 7">
							<u-button type="primary" size="mini" @click.stop="assignClick(item, 1)">指派</u-button>
						</view>
						<view class="ff-padding-top-15 ff-padding-bottom-15" v-if="(item.status == 0 || item.status == 1 || item.status == 3) &&
									roleStatus == 2 &&
								item.projectStatus !== 4 && item.projectStatus !== 6 && item.projectStatus !== 9">
							<u-button type="primary" size="mini" @click.stop="assignClick(item, 2)">重新指派</u-button>
						</view>
						<view>
							<view v-if="roleStatus == 2">
								<view class="ff-padding-top-15 ff-padding-bottom-15" v-if="
											(isCheckLeaders(userInfo.id, item.leaders) || isCheckOperators(userInfo.id, item.operators)) &&
												item.projectStatus !== 4 && item.projectStatus !== 6 && item.projectStatus !== 9 &&
												(item.status == 0 || item.status == 1)
										">
									<u-button @click.stop="goMaintenanceClick(item)" type="primary"
										size="mini">去维保</u-button>
								</view>
							</view>
							<view v-if="roleStatus == 3">
								<view class="ff-padding-top-15 ff-padding-bottom-15" v-if="
											item.projectStatus !== 4 && item.projectStatus !== 6 && item.projectStatus !== 9 &&
											(item.status == 0 || item.status == 1)
									">
									<u-button @click.stop="goMaintenanceClick(item)" type="primary"
										size="mini">去维保</u-button>
								</view>
							</view>
						</view>
					</view>
				</view>
				<u-divider v-if="noData" border-color="#909399" height="120" margin-bottom="30" color="#909399"
					bg-color="#f5f5f5">没有更多了</u-divider>
			</view>
			<f-noData v-else></f-noData>
		</view>
		<!-- 弹窗区 -->
		<u-toast ref="uToast" />
		<f-loading ref="loading" />
		<u-modal v-model="corrigendumModel" @confirm="corrigendumConfirm" title="温馨提示" show-cancel-button="true"
			:content-style="{ 'line-height': '1.5' }" content="请按照建筑物实际消防设施数量准确填写基础数据，后期无法再次修改本次维保数据！" />
		<u-modal v-model="tipsModel" title="温馨提示" :content-style="{ 'line-height': '1.5' }" :content="tipsContent" />
		<!-- 自定义弹窗 -->
		<f-showModel @setVisible="setVisible" :customShowModal.sync="customShowModal" />
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		name: 'maintenanceProject',
		data() {
			return {
				// 自定义弹窗内容
				customShowModal: {
					visible: false, // 显隐
					title: '', // 标题,
					content: '', // 内容,
					cancelText: '', // 取消按钮文案,
					confirmText: '', // 确定按钮文案
					messageType: '', // 到期or未到期
					operatorFlag: null, // 单证/双证
				},
				projectStatusList: [{
						value: 3,
						text: "进行中"
					},
					{
						value: 4,
						text: "已结束"
					},
					{
						value: 6,
						text: "已解约"
					}
				], // 项目状态列表
				maintenanceStatusList: [{
						value: 7,
						text: "待指派"
					},
					{
						value: 0,
						text: "待维保"
					},
					{
						value: 1,
						text: "维保中"
					},
					{
						value: 8,
						text: "待提交"
					},
					{
						value: 2,
						text: "待审核"
					},
					{
						value: 3,
						text: "待签发"
					},
					{
						value: 5,
						text: "已完成"
					},
					{
						value: 6,
						text: "已驳回"
					},
					{
						value: 9,
						text: "已作废"
					}
				], // 维保状态列表
				otherTypeList: [{
						value: 1,
						text: "创建时间"
					},
					{
						value: 3,
						text: "维保次数"
					}
				], // 其他状态列表
				tipsModel: false, // 提示弹窗
				tipsContent: '',
				corrigendumModel: false, // 第一次勘误弹框显/隐
				corrigendumParams: {}, // 第一次勘误点击获取当前列表都的参数
				allMechanismList: [], // 机构的列表数据
				// 维保状态(7.待指派 0.待维保 1.维保中 8.待提交 2.待审核 3.待签发 5.已完成 6.已驳回 9.已作废
				params: {
					current: 1,
					size: 52,
					statuses: [],
					keyword: '',
					projectStatus: 3, // 项目状态 进行中4已结束6已解约
					maintenanceStatus: '', // 维保状态(7.待指派 0.待维保 1.维保中 8.待提交 2.待审核 3.待签发 5.已完成 6.已驳回 9.已作废
					sortField: 2, // 排序字段 1创建时间2更新时间3维保次数
				},
				noData: false, // 没有更多了
			};
		},
		mounted() {
			this.showLoading(); // 判断是否需要抽查和获取的机构列表数据
		},
		computed: {
			// 用户角色状态
			...mapState({
				roleStatus: modules => modules.infoList.roleStatus,
				userInfo: modules => modules.infoList
					.userInfo
			}),
			tabberStyle() {
				return `top:${this.customBar}px;`;
			}
		},
		methods: {
			// onShow监听刷新
			showLoading() {
				this.params.current = 1;
				this.getSpotCheck(); // 判断是否需要抽查
				this.getQueryUserNotReadLog() // 判断是否需要作废提示
				if (this.roleStatus == 2) {
					this.getAllMechanismList(); // 获取机构----单位项目的数据列表
				} else {
					this.getStaffMechanismList(); // 获取员工---单位项目的数据列表
				}
			},
			// 上拉加载
			pullLoading() {
				if (!this.noData) {
					this.params.current++;
					if (this.roleStatus == 2) {
						this.getAllMechanismList(); // 获取机构----单位项目的数据列表
					} else {
						this.getStaffMechanismList(); // 获取员工---单位项目的数据列表
					}
				}
			},
			// 下拉加载
			downLoading() {
				let that = this;
				that.params.current = 1;
				if (this.roleStatus == 2) {
					this.getAllMechanismList(); // 获取机构----单位项目的数据列表
				} else {
					this.getStaffMechanismList(); // 获取员工---单位项目的数据列表
				}
				setTimeout(() => {
					that.$refs.uToast.show({
						title: '刷新成功',
						type: 'success'
					});
					uni.stopPullDownRefresh(); // 停止刷新
				}, 100);
			},
			// 点击项目状态--下拉选择
			async changeProjectStatus(item) {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 0
				});
				this.params.projectStatus = item
				this.params.current = 1
				if (this.roleStatus == 2) {
					this.getAllMechanismList(); // 获取机构----单位项目的数据列表
				} else {
					this.getStaffMechanismList(); // 获取员工---单位项目的数据列表
				}
			},
			// 点击维保状态--下拉选择
			async changeMaintenanceStatus(item) {
				// console.log('点击维保状态', item)
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 0
				});
				this.params.maintenanceStatus = item
				this.params.current = 1
				if (this.roleStatus == 2) {
					this.getAllMechanismList(); // 获取机构----单位项目的数据列表
				} else {
					this.getStaffMechanismList(); // 获取员工---单位项目的数据列表
				}
			},
			// 点击更新时间--下拉选择
			async changeOtherType(item) {
				// console.log('点击更新时间', item)
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 0
				});
				if (item) {
					this.params.sortField = item
				} else {
					this.params.sortField = 2
				}

				this.params.current = 1
				if (this.roleStatus == 2) {
					this.getAllMechanismList(); // 获取机构----单位项目的数据列表
				} else {
					this.getStaffMechanismList(); // 获取员工---单位项目的数据列表
				}
			},
			// 搜索项目
			projectNameChange() {
				// console.log('当前搜索的值----', this.keyword)
				this.params.current = 1;
				if (this.roleStatus == 2) {
					this.getAllMechanismList(); // 获取机构----单位项目的数据列表
				} else {
					this.getStaffMechanismList(); // 获取员工---单位项目的数据列表
				}
			},
			// 获取的机构列表数据-----管理端
			async getAllMechanismList() {
				this.$refs.loading.openLoading('加载中···'); // 打开loading动画
				const data = await this.$http.post({
					url: '/serviceOrg/project/pageV4',
					data: this.params
				});
				// console.log('获取的机构列表数据------机构端', data);
				if (data.code == 200) {
					this.$refs.loading.closeLoading(); // 关闭loading动画
					const infoList = data.data.records;
					if (infoList.length == 0 && this.params.current == 1) {
						// console.log('首次加载没数据');
						this.noData = false;
						this.allMechanismList = [];
					} else if (infoList.length < 5 && this.params.current == 1) {
						this.noData = true;
						this.allMechanismList = infoList;
					} else if (infoList.length !== 0 && this.params.current == 1) {
						// console.log('首次加载有数据');
						this.noData = false;
						this.allMechanismList = infoList;
					} else if (infoList.length !== 0 && this.params.current > 1) {
						// console.log('上拉加载更多数据');
						this.noData = false;
						this.allMechanismList = this.allMechanismList.concat(infoList);
					} else if (infoList.length == 0 && this.params.current > 1) {
						// console.log('上拉加载没有更多数据了');
						this.noData = true;
					}
				} else if (data.code == 5101) {} else {
					this.$refs.loading.closeLoading(); // 关闭loading动画
					this.$refs.uToast.show({
						title: data.msg,
						type: 'error'
					});
				}
			},
			// 获取的机构列表数据-----员工端
			async getStaffMechanismList() {
				this.$refs.loading.openLoading('加载中···'); // 打开loading动画
				const data = await this.$http.post({
					url: '/serviceOrg/staff/mainAllTaskPageV3',
					data: this.params
				});
				// console.log('获取的机构列表数据------员工端', data);
				if (data.code == 200) {
					this.$refs.loading.closeLoading(); // 关闭loading动画
					const infoList = data.data.records;
					if (infoList.length == 0 && this.params.current == 1) {
						// console.log('首次加载没数据');
						this.noData = false;
						this.allMechanismList = [];
					} else if (infoList.length < 5 && this.params.current == 1) {
						this.noData = true;
						this.allMechanismList = infoList;
					} else if (infoList.length !== 0 && this.params.current == 1) {
						// console.log('首次加载有数据');
						this.noData = false;
						this.allMechanismList = infoList;
					} else if (infoList.length !== 0 && this.params.current > 1) {
						// console.log('上拉加载更多数据');
						this.noData = false;
						this.allMechanismList = this.allMechanismList.concat(infoList);
					} else if (infoList.length == 0 && this.params.current > 1) {
						// console.log('上拉加载没有更多数据了');
						this.noData = true;
					}
				} else if (data.code == 5101) {} else {
					this.$refs.loading.closeLoading(); // 关闭loading动画
					this.$refs.uToast.show({
						title: data.msg,
						type: 'error'
					});
				}
			},
			// 点击项目列表进入详情
			mechanismClick(item) {
				// 项目状态: 0.已发布 1.已响应 3.进行中 4.已结束 5.待审核
				this.$emit('handleScroll') // 记录当前点击列表的数据位置
				this.$pageJump.navigateTo(
					'/pages/maintenance/mechanism/home/components/details/projectMaintenanceRecord?id=' + item
					.projectId);
			},
			// 循环比较执业人员是否有权限编辑报告书
			isCheckOperators(curId, recordId) {
				for (let i = 0; i < recordId.length; i++) {
					if (curId == recordId[i].userId) {
						return true;
					}
				}
				return false;
			},
			// 循环比较当前人是否项目负责人
			isCheckLeaders(curId, recordId) {
				for (let i = 0; i < recordId.length; i++) {
					if (curId == recordId[i].userId) {
						return true;
					}
				}
				return false;
			},
			// 指派 or 重新指派
			assignClick(item, type) {
				// projectId----项目ID, maintenanceId----维保记录ID
				let items = Object.assign(item, {
					type: type
				});
				this.$pageJump.navigateTo('/pages/maintenance/mechanism/home/components/assign/Assign?params=' + JSON
					.stringify(items));
			},
			// 去维保
			async goMaintenanceClick(item) {
				// 是否已勘误  hasCorrected：1.未勘误 2.已完成第一次勘误 3.已完成第二次勘误
				// 解约状态rescissionStatus：0.未解约 1.解约确认中 2.解约完成
				// if (item.rescissionStatus == 1) {
				// 	this.tipsModel = true;
				// 	this.tipsContent = '该任务处于解约确认中不能进行维保！';
				// 	return;
				// }
				// 检查证书是否到期
				const data = await this.$http.post({
					url: '/maintenance/checkForCertificate?maintenanceId=' + item.maintenanceId,

				})
				// console.log('检查证书是否到期', data)
				if (data.code == 200) {
					if (data.data.certificateInValid && data.data.leader) {
						this.customShowModal.visible = true // 显隐
						this.customShowModal.title = '证书已到期' // 标题
						this.customShowModal.content = data.data.msg
					} else {
						if (item.rescissionStatus == 2) {
							this.tipsModel = true;
							this.tipsContent = '该任务已解约，不能进行维保！';
							return;
						}
						// 未勘误----
						if (item.hasCorrected == 1 && this.userInfo.id == item.leaders[0].userId) {
							this.threeMergeIntoOneItemCheck(item) // 检测是否三合一勘误（项目负责人检测）
							return;
						}
						// 勘误完项目负责人需检测是否需要三合一
						if (this.userInfo.id == item.leaders[0].userId) {
							this.threeMergeIntoOneItemCheck1(item) // 检测是否三合一勘误（项目负责人检测）
							return;
						} else {
							// 跳转到去维保的页面
							this.$pageJump.navigateTo(
								'/pages/maintenance/mechanism/home/components/mechanismWork/mechanismWorking?maintenanceId=' +
								item
								.maintenanceId);
						}
					}
				} else {
					uni.showModal({
						title: '温馨提示',
						content: data.msg,
						confirmColor: '#3178FF',
						showCancel: false,
						success: function(res) {
							if (res.confirm) {
								// console.log('用户点击确定')
							}
						},
					})
				}
			},
			// 关闭弹窗
			setVisible() {
				this.customShowModal.visible = false // 显隐
			},
			// 检测是否三合一勘误（项目负责人检测）
			async threeMergeIntoOneItemCheck(item) {
				const data = await this.$http.get({
					url: `/maintenance/threeMergeIntoOneItemCheck/${item.maintenanceId}`
				})
				// console.log('检测是否三合一勘误（项目负责人检测）', data)
				if (data.code == 200) {
					if (data.data.needCorrect) {
						// 跳转到三合一勘误的页面
						this.$pageJump.navigateTo(
							'/pages/maintenance/mechanism/home/components/corrigendum/threeInOne?maintenanceId=' +
							item.maintenanceId +
							'&oldItemNumber=' + data.data.oldItemNumber + '&projectId=' + item.projectId);
					} else {
						// 打开勘误提示
						this.corrigendumModel = true;
						this.corrigendumParams = item;
					}
				} else {
					this.$refs.uToast.show({
						title: data.msg,
						type: 'error'
					});
				}
			},
			// 检测是否三合一勘误(是否需要三合一检测不需要直接跳转维保执业页面)（项目负责人检测）
			async threeMergeIntoOneItemCheck1(item) {
				const data = await this.$http.get({
					url: `/maintenance/threeMergeIntoOneItemCheck/${item.maintenanceId}`
				})
				// console.log('检测是否三合一勘误（项目负责人检测）', data)
				if (data.code == 200) {
					if (data.data.needCorrect) {
						// 跳转到三合一勘误的页面
						this.$pageJump.navigateTo(
							'/pages/maintenance/mechanism/home/components/corrigendum/threeInOne?maintenanceId=' +
							item.maintenanceId +
							'&oldItemNumber=' + data.data.oldItemNumber + '&projectId=' + item.projectId +
							'&type=' + 1);
					} else {
						// 跳转到去维保的页面
						this.$pageJump.navigateTo(
							'/pages/maintenance/mechanism/home/components/mechanismWork/mechanismWorking?maintenanceId=' +
							item
							.maintenanceId);
					}
				} else {
					this.$refs.uToast.show({
						title: data.msg,
						type: 'error'
					});
				}
			},
			// 未勘误弹窗-----确定
			corrigendumConfirm() {
				// type:1 ---未勘误 维保前   type:2，维保后
				let paramsInfo = {
					projectId: this.corrigendumParams.projectId,
					maintenanceId: this.corrigendumParams.maintenanceId,
					type: 1
				};
				this.$pageJump.navigateTo(
					'/pages/maintenance/mechanism/home/components/corrigendum/Corrigendum?paramsInfo=' +
					JSON.stringify(paramsInfo));
			},
			// 填写报告书, 审核报告书, 签发报告书, 编辑报告书, 查看报告书
			reportClick(item) {
				this.$pageJump.navigateTo('/pages/maintenance/mechanism/home/components/details/Report?id=' + item
					.maintenanceId);
			},
			// 判断是否需要抽查
			async getSpotCheck() {
				const data = await this.$http.post({
					url: '/serviceOrg/checkTask/userPage',
					data: {
						current: 1,
						size: 1,
						checkStatus: 1
					}
				});
				// console.log('有待抽查任务需要处理,请立即处理-----', data);
				if (data.code == 200 && data.data.records.length > 0) {
					let receiveTime = data.data.records[0].receiveTime // 系统开始抽查时间
					if (this.diffTime(receiveTime) < 15) {
						this.$emit('getCheck')
					}
				}
			},
			// 计算时间差
			diffTime(start) {
				let staytimeGap = new Date().getTime() - new Date(start).getTime();
				let stayMin = Math.floor(staytimeGap / (60 * 1000)); // 分钟
				return stayMin
			},
			// 抽查--确认操作
			checkConfirm() {
				this.$pageJump.navigateTo('/pages/maintenance/public/personal/spotTask/spotTask');
			},
			// 判断是否有未读作废提醒
			async getQueryUserNotReadLog() {
				const data = await this.$http.post({
					url: '/serviceOrg/queryUserNotReadLog'
				});
				// console.log('判断是否有未读作废提醒-----', data);
				if (data.code == 200 && data.data.cancelDepartmentName) {
					this.$emit('getTips', data.data)
				}
			}
		}
	};
</script>

<style lang="scss" scoped>
	@import '../home/components/maintenanceHome.scss';

	.maintenanceProject {
		&-search {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9;
			width: 100%;
		}

		.rescindTips {
			background-color: #ffebeb;
			color: #ff0000;
		}

		.content-top {
			margin-top: 240rpx;
		}

		.tips5 {
			background-color: #a8a7b5 !important;
			color: #fff !important;
			border: 0 !important;
		}
	}
</style>